@import url('https://fonts.googleapis.com/css2?family=Teko:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

html,body {
	margin:0;
	padding:0;
}



body {
	color: black;
	background-color: white;
	padding: 10;
	margin: 0;
	width; 100%
}

body{
	font: 76% arial,sans-serif;
}

div {
	background-color: white;
	padding: 17px;
	
	margin: 1px
}



#header{
	position:relative;
	width: 930px;
	left: 336px;
	border-width: 80%;
	border-color: 	
black;
	border-style: solid;
	background-color: 	
#6495ED;
	font-family: Teko;
	font-size: 250%;
	margin: 0;
}



	





#navigation {
  position: relative;
  top: -83px;
  width: 100px;
  left: 180px;
  height: 170px;
  background-color: #6495ED;
  border-width: 3px;
  border-color: black;
  border-style: solid;
  margin: 0;
}



  nav a {
    text-decoration: none; 
    font-weight: bold;
    color: black; 
    
  }

  nav a:focus,
  nav a:hover,
  nav a:active {    
    text-decoration:underline;
  }
  
  

#main{

  position: relative;
  left: 336px;
  width: 930px;
  height: 400px;
  top: -213px;
  background-color: #6495ED;
  border-width: 3px;
  border-color: black;
  border-style: solid;
  font-size: 120%;
  margin: 0;
  

 
}

iframe  {
    float:right;
	top:500px;
    margin-left:0;
 }

  main a {
    text-decoration: undeline;
    color: black; 
    
  }

main a:focus,
main a:hover,
main a:active {
	text-decoration: underline;
}
 
#footer {
  position: relative;
  top: -200px;
  width: 100px;
  left: -580px;
  margin: 0
}